<?php include THEMES_PATH . 'public/before_body2.phtml'; ?>
<style>
/*扩展布局*/
.col-lg-2dot4,.col-lg-9dot6{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
@media(min-width:1200px){
    .col-lg-2dot4,.col-lg-9dot6{float:left}
    .col-lg-2dot4{width:20%}
    .col-lg-9dot6{width:80%}
}
.shop-nav ul li{padding:.5em 0}
.shop-list ul li{padding-top:5px;padding-bottom:5px}
.shop-list img{display:block;margin:0 auto}

.shop-list ul li>a {
    display: block;
    overflow: hidden;
    position: relative;
}
.shop-list ul li>a:hover img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.shop-list ul li img {
    -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
    -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
    -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
    -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
    transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
}
.shop-list ul li .context {
    position: absolute;
    background: rgba(0,0,0,.4);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 400ms ease-in-out 0ms;
    -moz-transition: all 400ms ease-in-out 0ms;
    -ms-transition: all 400ms ease-in-out 0ms;
    -o-transition: all 400ms ease-in-out 0ms;
    transition: all 400ms ease-in-out 0ms;
}
.shop-list ul li>a:hover .context {
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
}
.shop-list ul li .context span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 400ms ease-in-out 0ms;
    -moz-transition: all 400ms ease-in-out 0ms;
    -ms-transition: all 400ms ease-in-out 0ms;
    -o-transition: all 400ms ease-in-out 0ms;
    transition: all 400ms ease-in-out 0ms;
}
.shop-list ul li>a:hover .context span{
    bottom: 40%;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    padding: 0 2em;
}
</style>
</head>
<body>
<?php include THEMES_PATH . 'public/header2.phtml';?>
    <div class="main-width pt2x pb2x">
        <div class="row">
            <div class="col-lg-2dot4 col-sm-3 shop-nav hi-xs">
                <ul>
                    <li><a href="<?php echo url('product/all');?>"><?php echo L('_NEW_');?></a></li>
                    <li><a href="<?php echo url(CATEGORY_URL_2093);?>"><?php echo L('_two_suit_U');?></a></li>
                    <li><a href="<?php echo url(CATEGORY_URL_2061);?>"><?php echo L('_three_suit_U');?></a></li>
                    <li><a href="<?php echo url(CATEGORY_URL_2104);?>"><?php echo L('_BLAZERS_');?></a></li>
                    <li><a href="<?php echo url(CATEGORY_URL_2062);?>"><?php echo L('_SHIRTS_');?></a></li>
                    <li><a href="<?php echo url(CATEGORY_URL_2066);?>"><?php echo L('_COATS_');?></a></li>
                    <li><a href="<?php echo url(CATEGORY_URL_2103);?>"><?php echo L('_PANTS_');?></a></li>
                    <li><a href="<?php echo url(CATEGORY_URL_2102);?>"><?php echo L('_VESTS_');?></a></li>
                     <li><a href="<?php echo url(CATEGORY_URL_2163);?>"><?php echo L('_SHOS_');?></a></li>
                    <li><a href="<?php echo url(CATEGORY_URL_2067);?>"><?php echo L('_ACCESSORIES_');?></a></li>
                    <li><a href="<?php echo url('/Customization/fabrics_kit');?>" rel="nofollow"><?php echo L('_Fabric_Swatches_');?></a></li>
                    <li><a href="<?php echo url('/product/326-tape-measure');?>"><?php echo L('_tape_measure_');?></a></li>
                    <li><a href="<?php echo url('/gift');?>" class="item-gift-card"><?php echo L('gift_card');?></a></li>
                </ul>
            </div>
            <div class="col-lg-9dot6 col-sm-9 shop-map">
                <div class="align-center shop-list">
                    <ul class="row">
                        <li class="col-sm-6">
                            <a href="<?php echo url('product/all');?>">
                                <img src="/statics/front/images/shop/1.jpg" alt="<?php echo L('_NEW_');?>"/>
                                <div class="context">
                                    <span><?php echo L('_NEW_');?></span>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="<?php echo url(CATEGORY_URL_2093);?>">
                                <img src="/statics/front/images/shop/2.jpg" alt="<?php echo L('_two_suit_U');?>"/>
                                <div class="context">
                                    <span><?php echo L('_two_suit_U');?></span>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="<?php echo url(CATEGORY_URL_2061);?>">
                                <img src="/statics/front/images/shop/3.jpg" alt="<?php echo L('_three_suit_U');?>"/>
                                <div class="context">
                                    <span><?php echo L('_three_suit_U');?></span>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="row">
                        <li class="col-sm-3 col-xs-6">
                            <a href="<?php echo url(CATEGORY_URL_2102);?>">
                                <img src="/statics/front/images/shop/4.jpg" alt="<?php echo L('_VESTS_');?>"/>
                                <div class="context">
                                    <span><?php echo L('_VESTS_');?></span>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="<?php echo url(CATEGORY_URL_2066);?>">
                                <img src="/statics/front/images/shop/5.jpg" alt="<?php echo L('_COATS_');?>"/>
                                <div class="context">
                                    <span><?php echo L('_COATS_');?></span>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="<?php echo url(CATEGORY_URL_2062);?>">
                                <img src="/statics/front/images/shop/6.jpg" alt="<?php echo L('_SHIRTS_');?>"/>
                                <div class="context">
                                    <span><?php echo L('_SHIRTS_');?></span>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="<?php echo url(CATEGORY_URL_2104);?>">
                                <img src="/statics/front/images/shop/7.jpg" alt="<?php echo L('_BLAZERS_');?>"/>
                                <div class="context">
                                    <span><?php echo L('_BLAZERS_');?></span>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="row">
                        <li class="col-sm-3 col-xs-6">
                            <a href="<?php echo url(CATEGORY_URL_2103);?>">
                                <img src="/statics/front/images/shop/8.jpg" alt="<?php echo L('_PANTS_');?>"/>
                                <div class="context">
                                    <span><?php echo L('_PANTS_');?></span>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="<?php echo url(CATEGORY_URL_2067);?>">
                                <img src="/statics/front/images/shop/9.jpg" alt="<?php echo L('_ACCESSORIES_');?>"/>
                                <div class="context">
                                    <span><?php echo L('_ACCESSORIES_');?></span>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="<?php echo url('/Customization/fabrics_kit');?>" rel="nofollow">
                                <img src="/statics/front/images/shop/10.jpg" alt="<?php echo L('_Fabric_Swatches_');?>"/>
                                <div class="context">
                                    <span><?php echo L('_Fabric_Swatches_');?></span>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="<?php echo url('/gift');?>" class="item-gift-card">
                                <img src="/statics/front/images/shop/11.jpg" alt="<?php echo L('gift_card');?>"/>
                                <div class="context">
                                    <span><?php echo L('gift_card');?></span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>

    </div>
<?php include THEMES_PATH.'public/footer2.phtml';?>
<?php include THEMES_PATH.'public/after_body.phtml';?>